<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%--
  Created by IntelliJ IDEA.
  User: focus
  Date: 2018/1/9
  Time: 17:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../base.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>lekuhu 的个人主页 - WeCenter 社交化问答社区程序</title>
    <meta name="keywords" content="wecenter,知识社区,企业社区,社交问答,问答社区,企业社交,开源社区程序,社交社区程序,开源问答程序,问答网站,social question,微信,微信公众平台,微信开发,微信开发社区,微信应用" />
    <meta name="description" content="WeCenter 是一款知识型的社交化问答社区程序，专注于社区内容的整理、归类和检索，并通过连接微信公众平台，移动APP进行内容分发。"  />
    <link href="css/default/img/favicon.ico?v=20160523" rel="shortcut icon" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="css/icon.css" />
    <link href="css/default/common.css?v=20160523" rel="stylesheet" type="text/css" />
    <link href="css/default/link.css?v=20160523" rel="stylesheet" type="text/css" />
    <link href="js/plug_module/style.css?v=20160523" rel="stylesheet" type="text/css" />
    <link href="css/default/user.css?v=20160523" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        var _EECD446B629951A9584EAA7BC836261F="3378f29744b78b23db16b815185f3307";
        var G_POST_HASH=_EECD446B629951A9584EAA7BC836261F;
        var G_INDEX_SCRIPT = "";
        var G_SITE_NAME = "WeCenter 社交化问答社区程序";
        var G_BASE_URL = "http://wenda.wecenter.com";
        var G_STATIC_URL = "http://wenda.wecenter.com/static";
        var G_UPLOAD_URL = "http://wenda.wecenter.com/uploads";
        var G_USER_ID = "41635";
        var G_USER_NAME = "FOCUS";
        var G_UPLOAD_ENABLE = "Y";
        var G_UNREAD_NOTIFICATION = 0;
        var G_NOTIFICATION_INTERVAL = 100000;
        var G_CAN_CREATE_TOPIC = "";
        var G_ADVANCED_EDITOR_ENABLE = "Y";
        var FILE_TYPES = "jpg,jpeg,png,zip,rar,7z";
    </script>

    <script src="js/jquery.2.js?v=20160523" type="text/javascript"></script>
    <script src="js/jquery.form.js?v=20160523" type="text/javascript"></script>
    <script src="js/plug_module/plug-in_module.js?v=20160523" type="text/javascript"></script>
    <script src="js/aws.js?v=20160523" type="text/javascript"></script>
    <script src="js/aw_template.js?v=20160523" type="text/javascript"></script>
    <script src="js/app.js?v=20160523" type="text/javascript"></script>
    <script type="text/javascript" src="js/compatibility.js"></script>
    <!--[if lte IE 8]>
    <script type="text/javascript" src="js/respond.js"></script>
    <![endif]-->
</head>
<noscript unselectable="on" id="noscript">
    <div class="aw-404 aw-404-wrap container">
        <img src="common/no-js.jpg">
        <p>你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!</p>
    </div>
</noscript>
<body>
<%@ include file="../common/header.jsp"%>

<div class="aw-container-wrap">
    <div class="container">
        <div class="row">
            <div class="aw-content-wrap clearfix">
                <div class="col-sm-12 col-md-9 aw-main-content">
                    <!-- 用户数据内容 -->
                    <div class="aw-mod aw-user-detail-box">
                        <div class="mod-head">
                            <img src="${info.headPortrait}" alt="${info.username}" />
                            <span class="pull-right operate">
                                <c:if test="${pageScope.user ne null && pageScope.user.id ne info.id}">
                                    <c:set var="flag" value="flase" scope="page"/>
                                    <c:forEach var="u" items="${info.fansUsers}" varStatus="status">
                                        <c:if test="${u.id eq user.id}">
                                            <a href="javascript:" class="follow btn btn-normal btn-success active" onclick="AWS.User.follow($(this), 'user', ${info.id});"><span>取消关注</span> <em>|</em> <b>${info.fansCount}</b></a>
                                            <c:set var="flag" value="true"/>
                                            <c:set var="status" value="0"/>
                                        </c:if>
                                    </c:forEach>
                                    <c:if test="${flag eq false}">
                                        <a href="javascript:" class="follow btn btn-normal btn-success" onclick="AWS.User.follow($(this), 'user', ${info.id});"><span>关注</span> <em>|</em> <b>${info.fansCount}</b></a>
                                    </c:if>
                                </c:if>
                            </span>
                            <h1>${info.username} </h1>
                            <p class="text-color-999">${info.introduction}</p>
                        </div>
                        <div class="mod-body">
                            <div class="meta">
                                <span><i class="icon icon-score"></i> 积分 : <em class="aw-text-color-orange">${info.integral}</em></span>
                                <span><i class="icon icon-agree"></i> 赞同 : <em class="aw-text-color-orange">${info.agreeCount}</em></span>
                            </div>
                        </div>
                        <div class="mod-footer">
                            <ul class="nav nav-tabs aw-nav-tabs">
                                <li class="active"><a href="#questions" id="page_questions" data-toggle="tab">发问<span class="badge">${info.questionCount}</span></a></li>
                                <li><a href="#answers" id="page_answers" data-toggle="tab">回复<span class="badge">${info.answerCount}</span></a></li>
                                <li><a href="#articles" id="page_articles" data-toggle="tab">文章<span class="badge">${info.articleCount}</span></a></li>
                                <li><a href="#focus" id="page_focus" data-toggle="tab">关注</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- end 用户数据内容 -->

                    <div class="aw-user-center-tab">
                        <div class="tab-content">
                            <div class="tab-pane active" id="questions">
                                <div class="aw-mod">
                                    <div class="mod-head">
                                        <h3>发问</h3>
                                    </div>
                                    <div class="mod-body">
                                        <div class="aw-profile-publish-list" id="contents_user_actions_questions">
                                            <c:forEach var="q" items="${info.createdQuestions}">
                                            <div class="aw-item">
                                                <div class="aw-mod">
                                                    <div class="mod-head">
                                                        <h4 class="aw-hide-txt">
                                                            <a href="question/${q.id}">${q.title}</a>
                                                        </h4>
                                                    </div>
                                                    <div class="mod-body">
                                                        <span class="aw-border-radius-5 count pull-left"><i class="icon icon-reply"></i>${q.answerCount}</span>
                                                        <p class="text-color-999">${q.concernNumber} 个关注 • <fmt:formatDate value="${q.createTime}" pattern="yyyy-MM-dd HH:mm"/></p>
                                                    </div>
                                                </div>
                                            </div>
                                            </c:forEach>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="answers">
                                <div class="aw-mod">
                                    <div class="mod-head">
                                        <h3>回复</h3>
                                    </div>
                                    <div class="mod-body">
                                        <div class="aw-profile-answer-list" id="contents_user_actions_answers">
                                            <c:forEach var="q" items="${info.createdQuestions}">
                                                <c:if test="${q.answerCount gt 0}">
                                                    <c:forEach var="i" items="${q.answers}" varStatus="status">
                                                        <c:if test="${status.index == 0}">
                                                            <c:set var="a" value="${i}" scope="page"/>
                                                            <c:set var="status" value="0" />
                                                        </c:if>
                                                    </c:forEach>
                                                    <div class="aw-item">
                                                        <div class="aw-mod">
                                                            <div class="mod-head">
                                                                <h4 class="aw-hide-txt">
                                                                    <a href="question/${q.id}">${q.title}</a>
                                                                </h4>
                                                            </div>
                                                            <div class="mod-body">
                                                                <span class="aw-border-radius-5 count pull-left"><i class="icon icon-agree"></i>${a.agreeCount}</span>
                                                                <p class="text-color-999">${a.answerContent}</p>
                                                                <p class="text-color-999"><fmt:formatDate value="${a.createTime}" pattern="yyyy-MM-dd HH:mm"/></p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </c:if>
                                            </c:forEach>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="articles">
                                <div class="aw-mod">
                                    <div class="mod-head">
                                        <h3>文章</h3>
                                    </div>
                                    <div class="mod-body">
                                        <div class="aw-profile-publish-list" id="contents_user_actions_articles">
                                            <c:forEach var="article" items="${info.createArticles}">
                                            <div class="aw-item">
                                                <div class="aw-mod">
                                                    <div class="mod-head">
                                                        <h4 class="aw-hide-txt">
                                                            <a href="article/${article.id}">${article.title}</a>
                                                        </h4>
                                                    </div>
                                                    <div class="mod-body">
                                                        <p class="text-color-999">${article.commentCount} 个评论 • <fmt:formatDate value="${article.createTime}" pattern="yyyy-MM-dd"/></p>
                                                    </div>
                                                </div>
                                            </div>
                                            </c:forEach>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="focus">
                                <!-- 自定义切换 -->
                                <div class="aw-mod">
                                    <div class="aw-tabs text-center">
                                        <ul>
                                            <li class="active"><a>关注的人</a></li>
                                            <li><a>关注者</a></li>
                                            <li><a>关注的话题</a></li>
                                        </ul>
                                    </div>
                                    <div class="mod-body">
                                        <div class="aw-tab-content">
                                            <div class="aw-mod aw-user-center-follow-mod">
                                                <div class="mod-body">
                                                    <ul id="contents_user_follows" class="clearfix">
                                                        <c:forEach var="follow" items="${info.focusUsers}">
                                                        <li>
                                                            <div class="mod-head">
                                                                <a class="aw-user-img pull-left aw-border-radius-5" data-id="${follow.id}" href="people/${follow.username}">
                                                                    <img src="${follow.headPortrait}" alt="${follow.username}" />
                                                                </a>
                                                                <p><a href="people/${follow.username}">${follow.username}</a></p>
                                                            </div>
                                                            <div class="mod-body">
                                                                <p class="text-color-999 aw-hide-txt">${follow.introduction}</p>
                                                            </div>
                                                            <div class="mod-footer meta">
                                                                <span><i class="icon icon-agree"></i>赞同 <em class="aw-text-color-orange">${follow.agreeCount}</em></span>
                                                            </div>
                                                        </li>
                                                        </c:forEach>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="aw-mod aw-user-center-follow-mod collapse">
                                                <div class="mod-body">
                                                    <ul class="clearfix" id="contents_user_fans">
                                                        <c:forEach var="fans" items="${info.fansUsers}">
                                                        <li>
                                                            <div class="mod-head">
                                                                <a class="aw-user-img pull-left aw-border-radius-5" data-id="${fans.id}" href="people/${fans.username}">
                                                                    <img src="${fans.headPortrait}" alt="${fans.username}" />
                                                                </a>
                                                                <p><a href="people/${fans.username}">${fans.username}</a></p>
                                                            </div>
                                                            <div class="mod-body">
                                                                <p class="text-color-999 aw-hide-txt">${fans.introduction}</p>
                                                            </div>
                                                            <div class="mod-footer meta">
                                                                <span><i class="icon icon-agree"></i>赞同 <em class="aw-text-color-orange">${fans.agreeCount}</em></span>
                                                            </div>
                                                        </li>
                                                        </c:forEach>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="aw-mod aw-user-center-follow-mod collapse">
                                                <div class="mod-body">
                                                    <ul id="contents_user_topics" class="clearfix">
                                                        <c:forEach var="t" items="${info.focusTopics}">
                                                        <li>
                                                            <div class="mod-head">
                                                                <a class="aw-topic-img pull-left aw-border-radius-5" data-id="5" href="topic/${t.id}">
                                                                    <img src="${t.topicPic}" alt="bug" />
                                                                </a>
                                                                <p><a class="aw-topic-name" data-id="${t.id}" href="topic/${t.id}"><span>${t.topicName}</span></a></p>
                                                            </div>
                                                            <div class="mod-footer">
                                                                <p class="aw-user-center-follow-meta">
                                                                    ${t.discussCount} 个讨论			 •
                                                                    ${t.concernNumber} 个关注
                                                                </p>
                                                            </div>
                                                        </li>
                                                        </c:forEach>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end 自定义切换 -->
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 侧边栏 -->
                <div class="col-sm-12 col-md-3 aw-side-bar">
                    <div class="aw-mod people-following">
                        <div class="mod-body">
                            <a onclick="$('#page_focus').click();$('#focus .aw-tabs ul li').eq(0).click();$.scrollTo($('#focus').offset()['top'], 600, {queue:true})" class="pull-right font-size-12">更多 »</a>
                            <span>
                                关注 <em class="aw-text-color-blue">${info.concernCount}</em> 人
                            </span>
                            <p>
                                <c:forEach var="follow" items="${info.focusUsers}">
                                <a class="aw-user-name" data-id="${follow.id}" href="people/${follow.username}"><img src="${follow.headPortrait}" alt="${follow.username}" /></a>
                                </c:forEach>
                            </p>
                        </div>
                    </div>
                    <div class="aw-mod people-following">
                        <div class="mod-body">
                            <a onclick="$('#page_focus').click();$('#focus .aw-tabs ul li').eq(1).click();$.scrollTo($('#focus').offset()['top'], 600, {queue:true})" class="pull-right font-size-12">更多 »</a>
                            <span>
                                被 <em class="aw-text-color-blue">${info.fansCount}</em> 人关注
                            </span>
                            <p>
                                <c:forEach var="fans" items="${info.fansUsers}">
                                <a class="aw-user-name" data-id="${fans.id}" href="people/${fans.username}"><img src="${fans.headPortrait}" alt="${fans.username}"></a>
                                </c:forEach>
                            </p>
                        </div>
                    </div>
                    <div class="aw-mod people-following">
                        <div class="mod-body">
                            关注 <em class="aw-text-color-blue">${info.topicFocusCount}</em> 话题
                            <div class="aw-topic-bar">
                            <div class="tag-bar clearfix">
                                <c:forEach var="t" items="${info.focusTopics}">
                                <span class="topic-tag">
                                    <a href="topic/${t.id}" class="text" data-id="${t.id}">${t.topicName}</a>
                                </span>
                                </c:forEach>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end 侧边栏 -->
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var PEOPLE_USER_ID = '16547';

    var ACTIVITY_ACTIONS = '101,201,105,204,401,406,501,502,503';
</script>

<script type="text/javascript" src="js/app/people.js"></script>

<a class="aw-back-top hidden-xs" href="javascript:;" onclick="$.scrollTo(1, 600, {queue:true});"><i class="icon icon-up"></i></a>
<div id="aw-ajax-box" class="aw-ajax-box"></div>
</body>
</html>